<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>服务支持-魅族官网</title>
    <!--swiper-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="swiper-4.5.0/dist/css/swiper.min.css">
    <!--抱死吹吧普-->
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="css/bootstrap.min.css">

    <!--字体图标-->
    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
    <!--引入-->
    <link rel="stylesheet" href="css/index-服务style.css">

</head>
<body>

<div class="header" style="width: 100%">
    <div class="container">
        <nav class="navbar navbar-expand-lg navbar-light ">
            <a class="navbar-brand" href="index.html"><img src="images/meizu-fuwu_03.png" alt="" ></a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>

            <div class="collapse navbar-collapse" id="navbarSupportedContent">
                <ul class="navbar-nav mr-auto">
                    <li class="nav-item active" style="">
                        <a class="nav-link" style=";" href="#">手机 <span class="sr-only">(current)</span></a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" style=";" href="#">声学</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">配件</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">生活</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">Flyme</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#" style="color:#007bff;">服务</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">专卖店</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="index-community.html">社区</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#" id="oo">APP下载</a>
                    </li>
                </ul>
                <form class="form-inline my-2 my-lg-0" style="position: relative">
                    <input class="form-control mr-sm-2" type="search" placeholder="魅族16Xs" aria-label="Search" style="border-radius: 20px">
                    <button class="btn yu my-2 my-sm-0" type="submit"><a href=""><img src="images/sousuo_03.gif" alt=""></a></button>
                </form>
                <a href="" class="col-md-1" id="rr"><img src="images/ren-fuwu_06.png" alt=""></a>
                <a href=""><img src="images/gouwu-fuwu_03.png" alt=""></a>
            </div>
        </nav>
        <div class="hh text-center" style="background: #ffffff;width: 100px;padding-top: 10px;padding-bottom: 5px">
            <a href="" style="font-size: 12px">
                <p>立即登录</p>
            </a>
            <a href="" style="font-size: 12px">
                <p>立即注册</p>
            </a>
            <a href="" style="font-size: 12px">
                <p>我的订单</p>
            </a>
            <a href="" style="font-size: 12px">
                <p>M码通道</p>
            </a>
        </div>
    </div>
    <div class="ee" id="ee">
        <div class="yy">
            <img src="images/tt-1.jpg" alt="" style="width: 100%;">
            <a href="" class="x1">Android 下载</a>
            <a href="" class="x2">Android 下载</a>
        </div>

    </div>
</div>
<div class="banner">
    <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
        <ol class="carousel-indicators">
            <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
            <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
            <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
            <li data-target="#carouselExampleIndicators" data-slide-to="3"></li>
            <li data-target="#carouselExampleIndicators" data-slide-to="4"></li>
        </ol>
        <div class="carousel-inner">
            <div class="carousel-item active">
                <img src="images/fw1.jpg" class="d-block w-100" alt="...">
            </div>
            <div class="carousel-item">
                <img src="images/fw2.jpg" class="d-block w-100" alt="...">
            </div>
            <div class="carousel-item">
                <img src="images/fw3.jpg" class="d-block w-100" alt="...">
            </div>
            <div class="carousel-item">
                <img src="images/fw4.jpg" class="d-block w-100" alt="...">
            </div>
            <div class="carousel-item">
                <img src="images/fw5.jpg" class="d-block w-100" alt="...">
            </div>
        </div>
        <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
</div>
<div class="banner1">
    <div class="container">
        <div class="row">
            <div class="col-md-2 col-6 text-center">
                <div class="item">
                    <a href=""><img src="images/fw-2-1_15.png" alt=""></a>
                    <p>注册产品</p>
                </div>
            </div>
            <div class="col-md-2 col-6 text-center">
                <div class="item">
                    <a href=""><img src="images/fw-2-2_17.png" alt=""></a>
                    <p>真伪查询</p>
                </div>
            </div>
            <div class="col-md-2 col-6 text-center">
                <div class="item">
                    <a href=""><img src="images/fw-2-3_19.png" alt=""></a>
                    <p>维修查询</p>
                </div>
            </div>
            <div class="col-md-2 col-6 text-center">
                <div class="item">
                    <a href=""><img src="images/fw-2-4_21.png" alt=""></a>
                    <p>查询支付</p>
                </div>
            </div>
            <div class="col-md-2 col-6 text-center">
                <div class="item">
                    <a href=""><img src="images/fw-2-5_23.png" alt=""></a>
                    <p>以旧换新</p>
                </div>
            </div>
            <div class="col-md-2 col-6 text-center">
                <div class="item">
                    <a href=""><img src="images/fw-6-6_25.png" alt=""></a>
                    <p>查找手机</p>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="banner2">
    <div class="container">
        <div class="row">
            <div class="col-md-3">
                <div class="item">
                    <a href=""><img src="images/se-1_03.png" alt="" style="width: 100%"></a>
                </div>
            </div>
            <div class="col-md-3">
                <div class="item">
                    <a href=""><img src="images/se-2_05.png" alt="" style="width: 100%"></a>
                </div>
            </div>
            <div class="col-md-3">
                <div class="item">
                    <a href=""><img src="images/se-3_05.png" alt="" style="width: 100%"></a>
                </div>
            </div>
            <div class="col-md-3">
                <div class="item">
                    <a href=""><img src="images/se-4_05.png" alt="" style="width: 100%"></a>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="banner3" style="background:#f4f4f4;">
    <div class="container">
        <div class="item text-center" >
            <a href="" style="color:#000;padding: 74px 0;display: block"><span>请选择你的产品</span></a>
        </div>
        <div class="row">
            <div class="col-md-4">
                <div class="item text-center" style="background:#ffffff;padding-top: 52px;padding-bottom: 30px">
                    <a href=""><img src="images/fw-4-1_10.png" alt=""></a>
                    <p style="padding-top:10px;">魅族</p>
                </div>
            </div>
            <div class="col-md-4">
                <div class="item text-center" style="background:#ffffff;padding-top: 52px;padding-bottom: 30px">
                    <a href=""><img src="images/fw-4-2_12.png" alt=""></a>
                    <p style="padding-top:10px;">魅蓝</p>
                </div>
            </div>
            <div class="col-md-4">
                <div class="item text-center" style="background:#ffffff;padding-top: 52px;padding-bottom: 30px">
                    <a href=""><img src="images/fw-4-3_14.png" alt=""></a>
                    <p style="padding-top:10px;">智能配件</p>
                </div>
            </div>

            <div class="col-md-6">
                <div class="item" style="padding-top: 10px">
                    <a href=""><img src="images/fw-2-1_19.png" alt="" class="bt" style="width: 100%;"></a>
                </div>
            </div>
            <div class="col-md-6">
                <div class="item" style="padding-top: 10px">
                    <img src="images/fw-2-2_20.png" alt="" style="width: 100%;" class="btn-open">
                </div>
            </div>
            <div class="mtk">
                <video src="images/sp.mp4" controls  style="width: 1000px">
                </video>
                <span class="btn-close">×</span>
            </div>


        </div>
    </div>
</div>
<div class="banner4">
    <div class="container">
        <div class="row">
            <div class="col-md-12 text-center">
                <div class="item" style="padding-top: 70px;">
                    <span>您的专属权益服务</span>
                </div>
            </div>
        </div>
        <div class="row r2">
            <div class="col-md-6" style="">
                <div class="item">
                    <a href=""><img src="images/yuan-1_23.png" alt=""></a>
                    <div class="c" style="">
                        <span>PRC 专属服务</span>
                        <p style="font-size: 12px;display: table;padding-top: 26px">VIP Service为PRO系列用户提供全国体验中心专属的绿色通<br>道，更有20座城市提供首次免费上门快修服务，给您
                            贵宾级<br>的售后服务。</p>
                        <a href="">前往体验旗舰服务 ></a>
                    </div>
                </div>
            </div>
            <div class="col-md-6" style="">
                <div class="item">
                    <a href=""><img src="images/yuan-2_24.png" alt=""></a>
                    <div class="c" style="">
                        <span>远程支持</span>
                        <p style="font-size: 12px;display: table;padding-top: 26px">无论是手机软件设置问题还是使用问题，魅族官方技术顾问都<br>
                        可以通过mSupportAPP-站式为您排除故障。</p>
                        <a href="">下载并体验 ></a>
                    </div>
                </div>
            </div>
        </div>
        <div class="row r1">
            <div class="col-md-6" style="">
                <div class="item">
                    <a href=""><img src="images/yuan-3_23.png" alt=""></a>
                    <div class="c" style="">
                        <span>魅族服务</span>
                        <p style="font-size: 12px;display: table;padding-top: 26px">[魅族服务]是提供一站式服务发APP，内置会员认证，专业<br>
                            客服、智能定位、线上送修等功能，是您身边的专属管家。</p>
                        <a href="">下载并体验 ></a>
                    </div>
                </div>
            </div>
            <div class="col-md-6" style="">
                <div class="item">
                    <a href=""><img src="images/yuan-4_24.png" alt=""></a>
                    <div class="c" style="">
                        <span>百城速达</span>
                        <p style="font-size: 12px;display: table;padding-top: 26px">与快递行业翘楚深入合作，带来全新的快递体验。覆盖全国<br>
                            105个城市，最晚次日即可送达。</p>
                        <a href="">了解详情 ></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div >
<div class="banner5" style="background:#f4f4f4;">
    <div class="container">
        <div class="row">
            <div class="col-md-12 text-center">
                <div class="item" style="padding-top: 67px">
                    <span>了解常见问题</span>
                </div>
            </div>
        </div>
        <div class="wu">
            <div>
                <a href=""><span style="display: block">购买帮助</span></a>
                <span style="display: block">一</span>
                <a href=""><span style="display: block">支付方式</span></a>
                <a href=""><span style="display: block">配送说明</span></a>
                <a href=""><span style="display: block">付款帮助</span></a>
                <a href=""><span style="display: block">订单查询</span></a>
                <a href=""> <span style="display: block">手机配件价格</span></a>
            </div>
            <div>
                <a href=""><span style="display: block">售后政策</span></a>
                <span style="display: block">一</span>
                <a href=""><span style="display: block">7天无理由退货</span></a>
                <a href=""><span style="display: block">15天换货保障</span></a>
                <a href=""><span style="display: block">1年免费保修</span></a>
                <a href=""><span style="display: block">配件售后政策</span></a>
            </div>
            <div>
                <a href=""><span style="display: block">系统相关</span></a>
                <span style="display: block">一</span>
                <a href=""><span style="display: block">手机系统下载</span></a>
                <a href=""><span style="display: block">MP3系统下载</span></a>
                <a href=""><span style="display: block">应用商店</span></a>
                <a href=""><span style="display: block">应用显示</span></a>
                <a href=""><span style="display: block">手机资料迁移教程</span></a>
            </div>
            <div>
                <a href=""><span style="display: block">热门问题</span></a>
                <span style="display: block">一</span>
                <a href=""><span style="display: block">MX6</span></a>
                <a href=""><span style="display: block">魅蓝3s</span></a>
                <a href=""><span style="display: block">魅蓝3</span></a>
                <a href=""><span style="display: block">PRO6</span></a>
            </div>
            <div>
                <a href=""><span style="display: block">特色服务</span></a>
                <span style="display: block">一</span>
                <a href=""><span style="display: block">VIP服务</span></a>
                <a href=""><span style="display: block">远程支持</span></a>
                <a href=""><span style="display: block">百城速达</span></a>
                <a href=""><span style="display: block">2000+专卖店</span></a>
                <a href=""><span style="display: block">500+服务中心</span></a>
            </div>
        </div>
    </div>
</div>
<div class="banner6">
    <div class="container">
        <div class="row">
            <div class="col-md-12 text-center">
                <span>通过以下方式联系我们</span>
            </div>
            <div class="col-md-3 col-6 text-center">
                <div class="item">
                    <a href=""><img src="images/tong-1_03.png" alt=""></a>
                    <span style="display: block">周一至周日7：30-24:00</span>
                    <span style="font-size: 12px;color:#cccccc;">点击在线咨询客服</span>
                </div>
            </div>
            <div class="col-md-3 col-6 text-center">
                <div class="item">
                    <a href=""><img src="images/tong-2_05.png" alt=""></a>
                    <span style="display: block">400-788-3333</span>
                    <span style="font-size: 12px;color:#cccccc;">周一至周日7:30-24:00 </span>
                </div>
            </div>
            <div class="col-md-3 col-6 text-center">
                <div class="item tt">
                    <a href=""><img src="images/tong-3_07.png" alt=""></a>
                    <span style="display: block">魅族科技</span>
                    <span style="font-size: 12px;color:#cccccc;">直接对话微信客服</span>
                    <div class="yz" style="width: 50%;">
                        <a href=""><img src="images/meizu-fuw_03.png" alt="" style="width: 100%;"></a>
                    </div>
                </div>
            </div>
            <div class="col-md-3 col-6 text-center">
                <div class="item">
                    <a href=""><img src="images/tong-4_09.png" alt=""></a>
                    <span style="display: block">魅族care微博</span>
                    <span style="font-size: 12px;color:#cccccc;">关注微博，了解咨询</span>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="banner7">
    <div class="container">
        <div class="item" style="width: 50%;">
            <a href=""><img src="images/dada-3_16.png" alt="" style="width: 100%"></a>
        </div>
        <div class="item" style="width: 50%">
            <a href=""><img src="images/dada-1_16.png" alt="" style="width: 100%"></a>
        </div>
    </div>
</div>
<div class="banner8">
    <div class="container">
        <div class="item " style="width: 50%">
            <a href=""><img src="images/dada-2_19.png" alt="" style="width: 100%"></a>
        </div>
        <div class="item " style="width: 50%;">
            <a href=""><img src="images/dada-4_19.png" alt="" style="width: 100%"></a>
        </div>
    </div>
</div>

<div class="footer" id="footer">
    <div class="container">
        <div class="item" style="border-bottom: 1px solid #999999;padding-bottom: 16px">
            <div class="row">
                <div class="col-md-9">
                    <div class="item" style="padding-top: 52px">
                        <div class="row">
                            <div class="col-md-2 col-4 text-center">
                                <div class="item">
                                    <a href=""><img src="images/f9-1_65.gif" alt=""></a>
                                    <a href="" style="color:#999999;"><p style="font-size: 11px">满80免运费</p></a>
                                </div>
                            </div>
                            <div class="col-md-2 col-4 text-center">
                                <div class="item">
                                    <a href=""><img src="images/f9-2_67.gif" alt=""></a>
                                    <a href="" style="color:#999999;"><p style="font-size: 11px">100+城市次日送达</p></a>
                                </div>
                            </div>
                            <div class="col-md-2 col-4 text-center">
                                <div class="item">
                                    <a href=""><img src="images/f9-3_69.gif" alt=""></a>
                                    <a href="" style="color:#999999;"><p style="font-size: 11px">7天无理由退货</p></a>
                                </div>
                            </div>
                            <div class="col-md-2 col-4 text-center">
                                <div class="item">
                                    <a href=""><img src="images/f9-4_71.gif" alt=""></a>
                                    <a href="" style="color:#999999;"><p style="font-size: 11px">15天退货保障</p></a>
                                </div>
                            </div>
                            <div class="col-md-2 col-4 text-center">
                                <div class="item">
                                    <a href=""><img src="images/f9-5_74.gif" alt=""></a>
                                    <a href="" style="color:#999999;"><p style="font-size: 11px">1年免费保修</p></a>
                                </div>
                            </div>
                            <div class="col-md-2 col-4 text-center">
                                <div class="item">
                                    <a href=""><img src="images/f9-6_76.gif" alt=""></a>
                                    <a href="" style="color:#999999;"><p style="font-size: 11px">上门快修</p></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 you">
                    <div class="item" style="padding-top: 19px">
                        <a href="" style="color:#999999;"><span style="font-size: 11px">周一至日7:30-24:00</span></a>
                        <a href="" style="color:#00c3f5;"><p style="font-size: 18px">400-788-3333</p></a>
                        <a href="" style="background:#00c3f5;color:#ffffff;padding: 9px 15px;border-radius: 20px">在线客服</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="item lianjie" style="font-size: 15px;padding: 29px 20px">
                <a href="">了解详情</a> | <a href="">加入我们</a> | <a href="">联系我们</a> | <a href="">Flyme</a> |
                <a href="">魅族社区</a> | <a href="">天猫旗舰店</a> | <a href="">问题反馈</a> | <a href="">线上销售授权名单公示</a> |
                <a href="">出版物经营许可证</a> | <a href=""><img src="images/jian_03.gif" alt=""> 简体中文</a>
            </div>
        </div>
        <div class="row">
            <div class="col-md-9">
                <div class="item" style="padding-top: 10px;padding-bottom: 25px">
                    <span style="font-size: 12px;color:#999999;">©2019 Meizu Telecom Equipment Co,Ltd.All rights reseved.</span>
                    <span style="font-size: 12px;color:#999999;">粤ICP备13003602号 合字B2-20170010 营业执照 法律声明 <img src="images/gong_07.gif" alt=""> 粤公网安备4009102496009号
                        <img src="images/hui-1_10.gif" alt=""> <img src="images/hui-2_10.gif" alt=""> <img src="images/hui-3_10.gif" alt=""></span>
                </div>
            </div>
            <div class="col-md-3 you">
                <div class="item">
                    <a href=""><img src="images/hui-4_07.gif" alt=""></a> | <a href=""><img src="images/hui-5_07.gif" alt=""></a>
                    | <a href=""><img src="images/hui-6_07.gif" alt=""></a> | <a href=""><img src="images/hui-7_07.gif" alt=""></a>
                </div>
            </div>
        </div>
    </div>
</div>






<div id="toTop"><i class="fa fa-arrow-up" style="font-size:36px"></i></div>

<!--swiper-->
<script src="swiper-4.5.0/dist/js/swiper.min.js"></script>
<!--抱死吹吧普-->
<script src="script/jquery.slim.min.js"></script>
<script src="script/popper.min.js"></script>
<script src="script/bootstrap.min.js"></script>


<!--引入-->

<script src="script/script-服务.js"></script>
<script>
</script>
</body>
</html>